<template>
	<view class="addSite">
		<view class="agreement">
			<u-checkbox-group v-model="checkboxValue" placement="column" @change="checkboxChange">
				<u-checkbox v-for="(item, index) in checkboxList" :key="index" :label="item.name" :name="item.name"
					:disabled="item.disabled" />
			</u-checkbox-group>
			<view class="buttonBox">
				<u-button @click="submit" type="primary" shape="circle">公益赠送</u-button>
				<u-button @click="submit" type="success" shape="circle">立即下单</u-button>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		props: {
			checkboxList: Array,
			value: Array,
		},
		computed: {
			checkboxValue: {
				get() {
					return this.value;
				},
				set(value) {
					this.$emit('input', value);
				},
			},
		},
		methods: {
			submit() {
				// Handle submit action
			},
			checkboxChange() {
				this.$emit('checkboxChange');
			},
		},
	};
</script>

<style lang="scss" scoped>
 @import '../FormCompontent.css';
</style>